<?xml version='1.0' encoding='UTF-8' ?> 
<dev xmlns="http://www.w3.org/1999/xhtml"
     xmlns:ui="http://java.sun.com/jsf/facelets"
     xmlns:h="http://java.sun.com/jsf/html"
     xmlns:c="http://java.sun.com/jsp/jstl/core"
     xmlns:p="http://primefaces.org/ui">
    <script type="text/javascript">
        $(document).ready(function() {
            $("##{activeItem}").addClass("active");
        });
    </script>
    <ul class="nav">
        <li id="productPage" class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-th"></i> Products<b class="caret"></b></a>
            <ul class="dropdown-menu">
                <li><h:commandLink action="supplierPage">Suppliers</h:commandLink></li>
                <li><h:commandLink action="categoryPage">Categories</h:commandLink></li>
                <li class="divider"></li>
                <li><h:commandLink action="productPage">Products</h:commandLink></li>
            </ul>
        </li>
        <li id="customerPage" class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-user"></i> Customers<b class="caret"></b></a>
            <ul class="dropdown-menu">
<!--                <li><h:commandLink action="createUserPage"><i class="icon-plus-sign"/> New</h:commandLink></li>
                <li class="divider"></li>-->
                <li><h:commandLink action="customerPage">Browse</h:commandLink></li>
            </ul>
        </li>
        <li id="usersPage" class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-check"></i> Access users<b class="caret"></b></a>
            <ul class="dropdown-menu">
                <li><h:commandLink action="createUserPage"><i class="icon-plus-sign"/> New</h:commandLink></li>
                <li class="divider"></li>
                <li><h:commandLink action="usersPage">Browse</h:commandLink></li>
            </ul>
        </li>
    </ul>
    <ul class="nav pull-right">
        <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">#{loggedInUser.currentUser.name}<b class="caret"></b></a>
            <ul class="dropdown-menu">
                <li><p:commandLink action="profilePage" >Profile</p:commandLink></li>
                <li class="divider"></li>
                <li><h:commandLink value="Logout" action="#{securityCtrl.logout()}" /></li>
            </ul>
        </li>
    </ul>
</dev>
